// base color
@blue:#324157;
@light-blue:#3A71A8;
@red:#C03639;
@pink: #E65D6E;
@green: #30B08F;
@tiffany: #4AB7BD;
@yellow:#FEC171;
@panGreen: #30B08F;

// 新 Layout布局
// Header
@headerHeight: 50px;

// Sidebar
@sideBarMaxWidth: 220px;
@sideBarMinWidth: 55px;
@menuBg: #304156;
@menuText: #dadada;
@menuActiveBg: #1D7AD8;
@menuActiveText: #f4f4f5;
@menuHover: #3797FF;
@subMenuBg: #1f2d3d;
@subMenuHover: #001528;
@subMenuActiveText: #409EFF;

// tagView
@tagViewHeight: 42px;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuBg: @menuBg;
  menuText: @menuText;
  menuActiveText:@menuActiveText;
  subMenuBg: @subMenuBg;
  sideBarMaxWidth: @sideBarMaxWidth;
  sideBarMinWidth:@sideBarMinWidth;

}
